<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Design Fashion</title>
<!--css start-->
<link href="css/index.css" rel="stylesheet" type="text/css" media="screen" />
<!--css end-->
<!--js start-->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/pixastic.custom.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.stylish-select.min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.pack.js"></script>
<script type="text/javascript" src="js/jquery.tooltip.pack.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<!--js end-->
<!--google maps start-->
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAjQ2lC-7m0YQYhR3END3-4BSKDd4glEKexoc1vGJPbWBncFIUqxT1A2CxHSNTgFduQ-evgUsCbvHgOQ" type="text/javascript"></script>
<script type="text/javascript">
    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(41.037065,28.985839), 17);
        map.setUIToDefault();
      }
    }
</script>
<!--google maps end-->
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){
	$('#contact-form').submit(function(){				  
		
		/*function which validates input with required class in contact page */
		var myform = $("#contact-form").validate({
			errorPlacement: function (error, element) {
				error.appendTo();
			}
		}).form();
		
		/*myform returns true if form is valid.*/
		if (myform)
		{
			var action = $(this).attr('action');
			$.post(action, { 
				name: $('#name').val(),
				surname: $('#email').val(),
				email: $('#email').val(),
				address: $('#address').val(),
				phone: $('#phone').val(),
				select1: $('#select1').val(),
				message: $('#message').val()
			},
				function(data){
					$('#contact-form #submit').attr('disabled','');
					$('.response').remove();
					$('#contact-form').before('<p class="response">'+data+'</p>');
					$('.response').slideDown();
					if(data=='Message sent!') $('#contact-form').slideUp();
				}
			);
		}
		return false;
	});
});
// ]]>
</script>
<!--sifr start-->
<link rel="stylesheet" href="css/sifr.css" type="text/css" media="all" />
<script type="text/javascript" src="js/sifr.js"></script>
<script type="text/javascript" src="js/sifr-config.js"></script>
<!--sifr end-->
<!--site javascript functions-->
<script type="text/javascript" src="js/jquery.functions.js"></script>
<!--[if IE 6]>
<link href="css/ie6fix.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>DD_belatedPNG.fix('img, .pngfix, #btn-submit, .ui-slider-handle, .overlay');</script>
<![endif]-->
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="topbar"></div>
<!--background image start-->
<div id="background_img_wrap"><img src="content/bg-contact.jpg" id="background-img" alt="" /></div>
<!--background image end-->
<!--background image changer start-->
<div id="bg_changer-lnk" class="fixed-top fixed-left tooltip" title="Click to change the background"></div>
<div id="bg_changer" class="fixed-top fixed-left"><span class="header">SELECT BACKGROUND</span>
  <div class="bg_top"><span></span></div>
  <div class="bg_wrap clearfix">
    <ul>
      <li><a href="content/bg1.jpg"><img src="content/bg1th.jpg" alt="" /><span class="overlay"></span></a></li>
      <li><a href="content/bg2.jpg"><img src="content/bg2th.jpg" alt="" /><span class="overlay"></span></a></li>
      <li><a href="content/bg3.jpg"><img src="content/bg3th.jpg" alt="" /><span class="overlay"></span></a></li>
      <li><a href="content/bg4.jpg"><img src="content/bg4th.jpg" alt="" /><span class="overlay"></span></a></li>
    </ul>
  </div>
</div>
<!--background image changer end-->
<div id="wrapper">
    <!--header start-->
  <div id="header">
    <div class="logo"><a href="index.html" title="Fashion Design"><img src="images/logo.png" alt="Fashion Design" /></a></div>
    <!--search box start-->
    <div class="search-box">
      <form action="search-result.html" method="get">
        <fieldset><input type="text" id="s" value="Keyword" /><input type="submit" id="btn-submit" value="" title="Search" class="tooltip" /></fieldset>
      </form>
    </div>
    <!--search box end-->
    <div class="search-box-right"></div>
    <div class="search-box-clear"></div>
    <!--primary navigation start-->
    <div id="primary-nav">
      <ul>
        <li><span><a href="index.html">HOME</a></span>
          <p>It is a long established fact that a reader will be distracted by the...</p>
        </li>
        <li><span><a href="aboutus.html">ABOUT US</a></span>
           <p>It is a long established fact that a reader will be distracted by the...</p>
        </li>
        <li id="li-models"><span><a href="model-detail.html">MODELS</a></span>
          <p>It is a long established fact that a reader will be distracted by the...</p>
          <!--models sub navigation start-->
          <div class="scroll-pane" style="display:none">
            <div class="scroll-content">
              <ul>
                <li>
                  <p><a href="model-detail.html"><img src="models/thumb/model1.jpg" alt="" class="alignleft" /><strong>Sara Johnson</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                  <p><a href="model-detail.html"><img src="models/thumb/model2.jpg" alt="" class="alignleft" /><strong>Svetlana Bulganina</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                  <p><a href="model-detail.html"><img src="models/thumb/model3.jpg" alt="" class="alignleft" /><strong>Lina Dia</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                   <p><a href="model-detail.html"><img src="models/thumb/model3.jpg" alt="" class="alignleft" /><strong>Svetlana Bulganina</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
                <li>
                   <p><a href="model-detail.html"><img src="models/thumb/model3.jpg" alt="" class="alignleft" /><strong>Lina Dia</strong><br />
                    <span>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock...</span></a></p>
                </li>
              </ul>
            </div>
            <div class="slider-wrap">
            <div id="slider"></div>
            </div>
          </div>
          <!--models sub navigation end-->
        </li>
        <li><span><a href="showcase.html">SHOWCASE</a></span>
           <p>It is a long established fact that a reader will be distracted by the...</p>
        </li>
        <li class="last"><span><a href="contact.html">CONTACT</a></span>
          <p>It is a long established fact that a reader will be distracted by the...</p>
        </li>
      </ul>
    </div>
    <!--primary navigation end-->
  </div>
  <!--header end-->
  <div class="clear"></div>
  <div id="content" class="clearfix">
    <div class="box box_contact alignright">
      <div class="grey_box">
        <h1>CONTACT</h1>
        <div id="map_canvas" style="width: 379px; height: 156px"><img src="content/map.jpg" alt="" /></div>
        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised...</p>
        <form action="contact.php" id="contact-form" method="get">
          <div class="form">
            <p>
              <label for="name">Name</label>
              <input type="text" id="name" name="name" class="required" />
            </p>
            <p class="last">
              <label for="surname">Surname</label>
              <input type="text" id="surname" name="surname" class="required" />
            </p>
            <p>
              <label for="email">E-mail</label>
              <input type="text" id="email" name="email" class="required email" />
            </p>
            <p class="last">
              <label for="address">Address</label>
              <input type="text" id="address" name="address" />
            </p>
            <p>
              <select id="select1" name="nselect1">
                <option value="">Select</option>
              </select>
            </p>
            <p class="last">
              <label for="phone">Phone</label>
              <input type="text" id="phone" name="phone" />
            </p>
            <p class="last">
              <label for="message">Message</label>
              <textarea id="message" name="message" rows="5" cols="15"></textarea>
            </p>
          </div>
          <div class="clear"></div>
          <div class="form-submit">
            <input type="submit" value="SEND FORM" />
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="footer_clear"></div>
</div>
<!--footer start-->
<div id="footer">
  <div class="footer-nav">
    <!--footer menu start-->
    <ul>
      <li class="active"><span><a href="index.html">HOME</a></span></li>
      <li><span><a href="aboutus.html">ABOUT US</a></span></li>
      <li><span><a href="model-detail.html">MODELS</a></span></li>
      <li><span><a href="showcase.html">SHOWCASE</a></span></li>
      <li class="last"><span><a href="contact.html">CONTACT</a></span></li>
    </ul>
    <!--footer menu end-->
    <div class="alignright"><span class="icon-sound"><a href="javascript:soundOff();">SOUND</a></span> <span class="icon-fscreen"><a href="javascript: fullScreen();">FULL SCREEN</a></span></div>
  </div>
  <!--social links start-->
  <ul class="social">
    <li><a href="#" title="Follow on FriendFeed" class="tooltip"><img src="images/icon-ffeed.jpg" alt="FriendFeed" /></a></li>
    <li><a href="#" title="Follow on Facebook" class="tooltip"><img src="images/icon-fbook.jpg" alt="Facebook" /></a></li>
    <li><a href="#" title="Follow on Twitter" class="tooltip"><img src="images/icon-twitter.jpg" alt="Twitter" /></a></li>
  </ul>
  <!--social links start-->
  <div class="copyright pngfix"><span>Copyright 2010© FASHIONDSGN. All rights reserved.</span></div>
</div>
<!--footer end-->
<!--mysound div is for embedding youtube music with swfobject-->
<div id="bottombar"><div id="mysound"></div></div>
<!--preloading background images for easy transition effects-->
<script type="text/javascript">
	/* <![CDATA[ */
	$(document).ready(function () {
		var hidden = $('body').append('<div id="img-cache" style="display:none"/>').children('#img-cache');
		$('#bg_changer img').each(function(){
			var imgSource = $(this).parent().attr('href');
			$('<img/>').attr('src', imgSource).appendTo(hidden);
		});
	});
	/* ]]> */
</script>
</body>
</html>